<div class="content-section" id="myContent" >
    <div class="title col-sm-12">
        <div class="col-sm-2">
            <span>{{title}}</span>
        </div>
        <div class="col-sm-10 pull-right">
        </div>
    </div>
    <form [formGroup]="myForm" class="form-horizontal">
        <div class="form-group">
            <label class="title-style col-sm-2 control-label text-align-left">基本信息</label>
        </div>
        <div class="form-group ">
            <label class="col-sm-2 control-label">房间归属：</label>
            <div class="col-sm-10 ui-fluid-no-padding">
                <div class="col-sm-8 ui-fluid ui-fluid-no-padding">
                    <input type="text" pInputText
                           name="department"
                           readonly
                           [(ngModel)]="roomObj.father"
                           formControlName="father"
                           class="form-control cursor_not_allowed"/>
                </div>
            </div>
        </div>
        <div class="form-group ">
            <label class="col-sm-2 control-label">房间名称：</label>
            <div class="col-sm-4 ui-fluid-no-padding ui-fluid">
                <input type="text"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.name"
                       formControlName="name"/>
            </div>
            <label class="col-sm-2 control-label">房间类型：</label>
            <div class="col-sm-4 ui-fluid-no-padding">
                <input type="text"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.room_type_name"
                       formControlName="room_type"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" *ngIf="displayDefault">规划功率(Kw)：</label>
            <label class="col-sm-2 control-label" *ngIf="displayPowerOrFacility">规划输出功率(Kw)：</label>
            <div class="col-sm-4 ui-fluid-no-padding ui-fluid">
                <input type="number"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.planning_power"
                       formControlName="planning_power"/>
            </div>
            <label class="col-sm-2 control-label" *ngIf="displayDefault">规划制冷量(Kw)：</label>
            <div class="col-sm-4 ui-fluid-no-padding" *ngIf="displayDefault">
                <input type="number"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.planning_refrigerating_capacity"
                       formControlName="planning_refrigerating_capacity"/>
            </div>
            <label class="col-sm-2 control-label" *ngIf="displayPowerOrFacility">面积(M2)：</label>
            <div class="col-sm-4 ui-fluid-no-padding" *ngIf="displayPowerOrFacility">
                <input type="number"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.area"
                       formControlName="area"/>
            </div>
        </div>
        <div class="form-group" *ngIf="displayDefault">
            <label class="col-sm-2 control-label" >UPS功率(Kw)：</label>
            <div class="col-sm-4 ui-fluid-no-padding ui-fluid">
                <input type="number"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.ups_power"
                       formControlName="ups_power"/>
            </div>
            <label class="col-sm-2 control-label" >规划机架位(个)：</label>
            <div class="col-sm-4 ui-fluid-no-padding">
                <input type="number"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.planning_rack"
                       formControlName="planning_rack"/>
            </div>
        </div>
        <div class="form-group" *ngIf="displayDefault">
            <label class="col-sm-2 control-label" >规划网口数(个)：</label>
            <div class="col-sm-4 ui-fluid-no-padding ui-fluid">
                <input type="number"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.planning_network_port"
                       formControlName="planning_network_port"/>
            </div>
            <label class="col-sm-2 control-label">规划带宽(MB)：</label>
            <div class="col-sm-4 ui-fluid-no-padding">
                <input type="number"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       formControlName="planning_network_bandwidth"
                       [(ngModel)]="roomObj.planning_network_bandwidth"/>
            </div>
        </div>
        <div class="form-group" *ngIf="displayDefault">
            <label class="col-sm-2 control-label" >可用性级别：</label>
            <div class="col-sm-4 ui-fluid-no-padding ui-fluid">
                  <span class="ui-fluid">
                    <p-radioButton name="group" value="A" label="A" [(ngModel)]="roomObj.availability_level" [ngModelOptions]="{standalone: true}" inputId="preopt1"></p-radioButton>
                    <p-radioButton name="group" value="B" label="B" [(ngModel)]="roomObj.availability_level" [ngModelOptions]="{standalone: true}" inputId="preopt2"></p-radioButton>
                        <p-radioButton name="group" value="B+" label="B+" [(ngModel)]="roomObj.availability_level" [ngModelOptions]="{standalone: true}" inputId="preopt3"></p-radioButton>
                    <p-radioButton name="group" value="C" label="C" [(ngModel)]="roomObj.availability_level"  [ngModelOptions]="{standalone: true}" inputId="preopt4"></p-radioButton>
                </span>
            </div>
            <label class="col-sm-2 control-label">面积(M2)：</label>
            <div class="col-sm-4 ui-fluid-no-padding">
                <input type="number"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.area"
                       formControlName="area"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">机房管理员：</label>
            <div class="col-sm-4 ui-fluid-no-padding">
                <div class="col-sm-6 ui-fluid ui-fluid-no-padding">
                    <input type="text" pInputText
                           readonly
                           [(ngModel)]="roomObj.room_manager"
                           formControlName="room_manager"
                           class=" form-control cursor_not_allowed"
                    />
                </div>
            </div>
            <label class="col-sm-2 control-label">联系电话：</label>
            <div class="col-sm-4 ui-fluid-no-padding ui-fluid">
                <input type="text"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.room_manager_phone"
                       formControlName="room_manager_phone"/>
            </div>
        </div>
        <div class="form-group">
            <label class="title-style col-sm-2 control-label text-align-left">告警阈值</label>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">功率(%)：</label>
            <div class="col-sm-4 ui-fluid-no-padding ui-fluid">
                <input type="number"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.threshold_power"
                       [ngModelOptions]="{standalone: true}"/>
            </div>
            <label class="col-sm-2 control-label">制冷(%)：</label>
            <div class="col-sm-4 ui-fluid-no-padding">
                <input type="number"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.threshold_refrigeration"
                       [ngModelOptions]="{standalone: true}"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">机架位(%)：</label>
            <div class="col-sm-4 ui-fluid-no-padding ui-fluid">
                <input type="number"
                       class=" form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.threshold_rack"
                       [ngModelOptions]="{standalone: true}"/>
            </div>
            <label class="col-sm-2 control-label">网口数(%)：</label>
            <div class="col-sm-4 ui-fluid-no-padding">
                <input type="number"
                       class="form-control cursor_not_allowed"
                       pInputText
                       readonly
                       [(ngModel)]="roomObj.threshold_network_port"
                       [ngModelOptions]="{standalone: true}"/>
            </div>
        </div>
    </form>

</div>
